<style scoped lang="scss">
	.root{
		.c1{width: 10%;text-align: center;margin-bottom:30px;cursor: pointer;}
		.c1 .iconfont{font-size: 28px;color: #666;}
		.c2{flex-wrap: wrap;margin-top: 20px;}
		.c3{font-size: 13px;margin-top: 10px;color: #666;}
	}
</style>

<template>
	<div class="root">
		<an-nav></an-nav>
		<div class="flex c2">
			<div class="c1" v-for="(v,i) in list" :key="i" @click="copy(`<i class='iconfont custom-icon-${v.font_class}'></i>`)">
				<div><i class="iconfont" :class="'custom-icon-'+v.font_class"></i></div>
				<div class="line-1 c3">{{v.font_class}}</div>
			</div>
		</div>
	</div>
</template>

<script setup>
	// 复制内容
	import publicJS from "@/hook/public.js";
	const {copy,aTips} = publicJS();
	
	const list = [
    {
        "icon_id": "77190",
        "name": "密码",
        "font_class": "mima",
        "unicode": "e603",
        "unicode_decimal": 58883
    },
    {
        "icon_id": "200970",
        "name": "3.1转发",
        "font_class": "zhuanfa",
        "unicode": "e601",
        "unicode_decimal": 58881
    },
    {
        "icon_id": "26795775",
        "name": "下箭头",
        "font_class": "zk-l",
        "unicode": "f14e",
        "unicode_decimal": 61774
    },
    {
        "icon_id": "26795777",
        "name": "下箭头",
        "font_class": "zk-r",
        "unicode": "f14f",
        "unicode_decimal": 61775
    },
    {
        "icon_id": "26795778",
        "name": "下箭头",
        "font_class": "zk-t",
        "unicode": "f150",
        "unicode_decimal": 61776
    },
    {
        "icon_id": "26795779",
        "name": "下箭头",
        "font_class": "zk-b",
        "unicode": "f151",
        "unicode_decimal": 61777
    },
    {
        "icon_id": "1241908",
        "name": "联系客服",
        "font_class": "kefu",
        "unicode": "e668",
        "unicode_decimal": 58984
    },
    {
        "icon_id": "705695",
        "name": "眼睛",
        "font_class": "yj1",
        "unicode": "e62b",
        "unicode_decimal": 58923
    },
    {
        "icon_id": "7310556",
        "name": "眼睛",
        "font_class": "yj2",
        "unicode": "e612",
        "unicode_decimal": 58898
    },
    {
        "icon_id": "1304886",
        "name": "收起菜单",
        "font_class": "shouqicaidan",
        "unicode": "e622",
        "unicode_decimal": 58914
    },
    {
        "icon_id": "1304894",
        "name": "展开菜单",
        "font_class": "zhankaicaidan",
        "unicode": "e624",
        "unicode_decimal": 58916
    },
    {
        "icon_id": "12719946",
        "name": "筛选",
        "font_class": "shaixuan",
        "unicode": "e610",
        "unicode_decimal": 58896
    },
    {
        "icon_id": "577346",
        "name": "列表形式",
        "font_class": "liebiaoxingshi",
        "unicode": "e742",
        "unicode_decimal": 59202
    },
    {
        "icon_id": "781562",
        "name": "三角上",
        "font_class": "sanjiaotop",
        "unicode": "e6b4",
        "unicode_decimal": 59060
    },
    {
        "icon_id": "781634",
        "name": "下箭头",
        "font_class": "sanjiaodown",
        "unicode": "e6b5",
        "unicode_decimal": 59061
    },
    {
        "icon_id": "15838561",
        "name": "arrow-left-bold",
        "font_class": "arrow-left",
        "unicode": "e685",
        "unicode_decimal": 59013
    },
    {
        "icon_id": "15838566",
        "name": "arrow-right-bold",
        "font_class": "arrow-right",
        "unicode": "e687",
        "unicode_decimal": 59015
    },
    {
        "icon_id": "26795531",
        "name": "arrow-right-bold",
        "font_class": "arrow-bottom",
        "unicode": "f14c",
        "unicode_decimal": 61772
    },
    {
        "icon_id": "26795532",
        "name": "arrow-left-bold",
        "font_class": "arrow-top",
        "unicode": "f14d",
        "unicode_decimal": 61773
    },
    {
        "icon_id": "7171162",
        "name": "模板管理",
        "font_class": "mobanguanli",
        "unicode": "e627",
        "unicode_decimal": 58919
    },
    {
        "icon_id": "7974071",
        "name": "留言",
        "font_class": "liuyan",
        "unicode": "e602",
        "unicode_decimal": 58882
    },
    {
        "icon_id": "14943346",
        "name": "模板",
        "font_class": "moban1",
        "unicode": "e617",
        "unicode_decimal": 58903
    },
    {
        "icon_id": "4651930",
        "name": "删除1",
        "font_class": "shanchu1",
        "unicode": "e604",
        "unicode_decimal": 58884
    },
    {
        "icon_id": "26939684",
        "name": "加",
        "font_class": "jia-copy",
        "unicode": "f152",
        "unicode_decimal": 61778
    },
    {
        "icon_id": "4652338",
        "name": "加",
        "font_class": "guanbi",
        "unicode": "e611",
        "unicode_decimal": 58897
    },
    {
        "icon_id": "21218992",
        "name": "表情",
        "font_class": "biaoqing",
        "unicode": "e7e9",
        "unicode_decimal": 59369
    },
    {
        "icon_id": "6269437",
        "name": "送达",
        "font_class": "songda",
        "unicode": "e60c",
        "unicode_decimal": 58892
    },
    {
        "icon_id": "17274511",
        "name": "安全",
        "font_class": "anquan",
        "unicode": "e64f",
        "unicode_decimal": 58959
    },
    {
        "icon_id": "17296927",
        "name": "二维码",
        "font_class": "ico",
        "unicode": "e600",
        "unicode_decimal": 58880
    },
    {
        "icon_id": "12485190",
        "name": "复制",
        "font_class": "fuzhi",
        "unicode": "e62c",
        "unicode_decimal": 58924
    },
    {
        "icon_id": "27137172",
        "name": "删除筛选项",
        "font_class": "delete2-copy",
        "unicode": "f153",
        "unicode_decimal": 61779
    },
    {
        "icon_id": "10126882",
        "name": "垃圾桶",
        "font_class": "trash",
        "unicode": "e64a",
        "unicode_decimal": 58954
    },
    {
        "icon_id": "18747588",
        "name": "删除筛选项",
        "font_class": "delete2",
        "unicode": "e621",
        "unicode_decimal": 58913
    },
    {
        "icon_id": "5261177",
        "name": "选择框勾选",
        "font_class": "gouxuan",
        "unicode": "e61b",
        "unicode_decimal": 58907
    },
    {
        "icon_id": "18629735",
        "name": "通知",
        "font_class": "Notification",
        "unicode": "e613",
        "unicode_decimal": 58899
    },
    {
        "icon_id": "18629736",
        "name": "Plus",
        "font_class": "Plus",
        "unicode": "e614",
        "unicode_decimal": 58900
    },
    {
        "icon_id": "18629758",
        "name": "我",
        "font_class": "Profile",
        "unicode": "e615",
        "unicode_decimal": 58901
    },
    {
        "icon_id": "18629759",
        "name": "扫描",
        "font_class": "Scan",
        "unicode": "e616",
        "unicode_decimal": 58902
    },
    {
        "icon_id": "18629764",
        "name": "设置",
        "font_class": "Setting",
        "unicode": "e618",
        "unicode_decimal": 58904
    },
    {
        "icon_id": "18629765",
        "name": "星星",
        "font_class": "Star",
        "unicode": "e619",
        "unicode_decimal": 58905
    },
    {
        "icon_id": "18629767",
        "name": "钱包",
        "font_class": "Wallet",
        "unicode": "e61a",
        "unicode_decimal": 58906
    },
    {
        "icon_id": "18629796",
        "name": "Scan",
        "font_class": "Scan1",
        "unicode": "e62f",
        "unicode_decimal": 58927
    },
    {
        "icon_id": "18629855",
        "name": "Home",
        "font_class": "Home",
        "unicode": "e632",
        "unicode_decimal": 58930
    },
    {
        "icon_id": "18629856",
        "name": "Search",
        "font_class": "Search2",
        "unicode": "e633",
        "unicode_decimal": 58931
    },
    {
        "icon_id": "18629857",
        "name": "Plus",
        "font_class": "Plus2",
        "unicode": "e634",
        "unicode_decimal": 58932
    },
    {
        "icon_id": "18629858",
        "name": "Chart",
        "font_class": "Chart1",
        "unicode": "e635",
        "unicode_decimal": 58933
    },
    {
        "icon_id": "18629859",
        "name": "Bag",
        "font_class": "Bag1",
        "unicode": "e636",
        "unicode_decimal": 58934
    },
    {
        "icon_id": "18629860",
        "name": "Star",
        "font_class": "Star2",
        "unicode": "e637",
        "unicode_decimal": 58935
    },
    {
        "icon_id": "18629861",
        "name": "Category",
        "font_class": "Category1",
        "unicode": "e638",
        "unicode_decimal": 58936
    },
    {
        "icon_id": "18629862",
        "name": "Wallet",
        "font_class": "Wallet2",
        "unicode": "e639",
        "unicode_decimal": 58937
    },
    {
        "icon_id": "18629864",
        "name": "Folder",
        "font_class": "Folder1",
        "unicode": "e63b",
        "unicode_decimal": 58939
    },
    {
        "icon_id": "18629865",
        "name": "Discovery",
        "font_class": "Discovery1",
        "unicode": "e63c",
        "unicode_decimal": 58940
    },
    {
        "icon_id": "18629866",
        "name": "Message",
        "font_class": "Message1",
        "unicode": "e63d",
        "unicode_decimal": 58941
    },
    {
        "icon_id": "18629867",
        "name": "Notification",
        "font_class": "Notification2",
        "unicode": "e63e",
        "unicode_decimal": 58942
    },
    {
        "icon_id": "18629868",
        "name": "Game",
        "font_class": "Game1",
        "unicode": "e63f",
        "unicode_decimal": 58943
    },
    {
        "icon_id": "18629869",
        "name": "Profile",
        "font_class": "Profile2",
        "unicode": "e640",
        "unicode_decimal": 58944
    },
    {
        "icon_id": "18629870",
        "name": "Calendar",
        "font_class": "Calendar1",
        "unicode": "e641",
        "unicode_decimal": 58945
    },
    {
        "icon_id": "18629871",
        "name": "Setting",
        "font_class": "Setting2",
        "unicode": "e642",
        "unicode_decimal": 58946
    },
    {
        "icon_id": "18629872",
        "name": "Activity",
        "font_class": "Activity1",
        "unicode": "e643",
        "unicode_decimal": 58947
    },
    {
        "icon_id": "18629873",
        "name": "Document",
        "font_class": "Document1",
        "unicode": "e644",
        "unicode_decimal": 58948
    },
    {
        "icon_id": "18629874",
        "name": "Graph",
        "font_class": "Graph1",
        "unicode": "e645",
        "unicode_decimal": 58949
    },
    {
        "icon_id": "18629875",
        "name": "Chat",
        "font_class": "Chat1",
        "unicode": "e646",
        "unicode_decimal": 58950
    },
    {
        "icon_id": "18629876",
        "name": "Heart",
        "font_class": "Heart1",
        "unicode": "e647",
        "unicode_decimal": 58951
    },
    {
        "icon_id": "18629877",
        "name": "Bookmark",
        "font_class": "Bookmark1",
        "unicode": "e648",
        "unicode_decimal": 58952
    },
    {
        "icon_id": "18629878",
        "name": "Location",
        "font_class": "Location1",
        "unicode": "e649",
        "unicode_decimal": 58953
    },
    {
        "icon_id": "19490734",
        "name": "购物",
        "font_class": "gouwu",
        "unicode": "f13a",
        "unicode_decimal": 61754
    },
    {
        "icon_id": "19490736",
        "name": "首页",
        "font_class": "shouye",
        "unicode": "f13c",
        "unicode_decimal": 61756
    },
    {
        "icon_id": "19490737",
        "name": "我的",
        "font_class": "wode1",
        "unicode": "f13d",
        "unicode_decimal": 61757
    },
    {
        "icon_id": "19490751",
        "name": "分类",
        "font_class": "fenlei",
        "unicode": "f14b",
        "unicode_decimal": 61771
    },
    {
        "icon_id": "14059605",
        "name": "帮助",
        "font_class": "bangzhu",
        "unicode": "e7bc",
        "unicode_decimal": 59324
    },
    {
        "icon_id": "14060151",
        "name": "积分",
        "font_class": "jifen",
        "unicode": "e7c6",
        "unicode_decimal": 59334
    },
    {
        "icon_id": "14060197",
        "name": "删除",
        "font_class": "shanchu",
        "unicode": "e7cc",
        "unicode_decimal": 59340
    },
    {
        "icon_id": "14060198",
        "name": "设置",
        "font_class": "shezhi",
        "unicode": "e7cd",
        "unicode_decimal": 59341
    },
    {
        "icon_id": "14060239",
        "name": "收藏",
        "font_class": "shoucang",
        "unicode": "e7d0",
        "unicode_decimal": 59344
    },
    {
        "icon_id": "14060319",
        "name": "优惠券",
        "font_class": "youhuiquan",
        "unicode": "e7d8",
        "unicode_decimal": 59352
    },
    {
        "icon_id": "14060321",
        "name": "资料",
        "font_class": "ziliao",
        "unicode": "e7d9",
        "unicode_decimal": 59353
    },
    {
        "icon_id": "14059610",
        "name": "待发货",
        "font_class": "daifahuo",
        "unicode": "e7be",
        "unicode_decimal": 59326
    },
    {
        "icon_id": "14059611",
        "name": "待付款",
        "font_class": "daifukuan",
        "unicode": "e7bf",
        "unicode_decimal": 59327
    },
    {
        "icon_id": "14059612",
        "name": "待收货",
        "font_class": "daishouhuo",
        "unicode": "e7c0",
        "unicode_decimal": 59328
    },
    {
        "icon_id": "14060137",
        "name": "反馈",
        "font_class": "fankui",
        "unicode": "e7c2",
        "unicode_decimal": 59330
    },
    {
        "icon_id": "14060254",
        "name": "售后",
        "font_class": "shouhou",
        "unicode": "e7d1",
        "unicode_decimal": 59345
    }
]
</script>
